<template>
  <!-- 面包屑 -->
  <!-- <el-breadcrumb :separator-icon="ArrowRight">
    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>用户管理</el-breadcrumb-item>
  </el-breadcrumb> -->
  <!-- 表格 -->
  <el-table :data="tableData" border style="width: 100%">
    <el-table-column prop="username" label="登陆账号" width="180" />
    <el-table-column prop="nowLogin.loginTime" label="本次登陆时间" />
    <el-table-column prop="nowLogin.ip" label="本次登陆ip" />
    <el-table-column prop="lastLogin.loginTime" label="上次登陆时间" />
    <el-table-column prop="lastLogin.ip" label="上次登陆ip" />
  </el-table>
</template>

<script setup>
import { ArrowRight } from '@element-plus/icons-vue';
import { ref, onMounted } from 'vue';
import * as api from '../../../api/vip';

let tableData = ref();

onMounted(async () => {
  try {
    let res = await api.loginLogApi();
    console.log(res);
    tableData.value = res.data.data;
  } catch (e) {
    console.log(e);
  }
});
</script>

<script>
export default {
  meta: {
    name: '管理首页',
    title: 'glsy',
    icon: '#icon-shouye'
  }
};
</script>
<style>
.el-breadcrumb {
  margin: 10px 0;
}
.el-table__header {
  width: 100%;
}
</style>
